import React from 'react'

// function  HelloProp(props) {
//     console.log(props);
//     return (
//         <div>组件通讯用props来接收<p>{props.name}</p><span>{props.age}</span></div>
//     )
// }

// 类组件使用this.props接收
class HelloProp extends React.Component{
    // 使用类组件时，如果写了构造函数，应该将props传递给super(),否则无法在构造函数中获取到props，render不受影响，可以正常使用
    constructor (props) {
        super(props)
        console.log(this.props);
    }
    render() {
        console.log(this.props);
return (
    <div><span>props:{this.props.name}</span>
    <div>{this.props.fn2}</div>
    <div>{this.props.fn()}</div>
    <div>{this.props.tagName}</div>
    <div>props是只读的对象，只能读取属性的值，无法修改对象
    </div>
    </div>
)
    }
}

export {HelloProp}